<template>
	<view class="card">
		<uv-list v-for="(item, index) of list" :key="index">
			<uv-list-item v-for="i of item" :key="i.id" :title="i.title" :show-arrow="true" link :to="i.url" :rightText="i.describe"></uv-list-item>
		</uv-list>
	</view>
</template>

<script setup>
	import { defineProps } from 'vue'
	
	const props = defineProps({
		list: Array,
		default: () => []
	})
</script>

<style scoped lang="scss">
.card {
	padding: 0 25rpx;
	border-radius: 18rpx;
	background-color: #fff;
	box-shadow: 0 0 10rpx rgba(0, 0, 0, .1);
	
	.uv-list {
		padding: 20rpx 0;
		&:not(:last-child) {
			border-bottom: 1px dashed #CEDBF8;
		}
	}
	
	::v-deep {
		.uv-list-item {
			padding: 25rpx 0;
		}
		.uv-list-item__container {
			padding: 0 !important;
			.uv-list-item__content-title {
				span {
					color: #404040
				}
			}
		}
		.uv-icon {
			position: relative;
			top: 1.5px;
			padding-right: 0;
			span {
				color: #404040;
				font: {
					size: 30rpx;
				}
			}
		}
	}
}
</style>
